import { createStore } from 'vuex'
import axios from 'axios';
import persist from 'vuex-persistedstate';
export default createStore({
  state: {
    num: 0,
    age: 18,
    list: [], // 存放请求过来的数据
  },
  getters:{ // 相当于计算属性,只对已有的数据进行处理，不改变原有数据的值
    bigNum(state){ 
      return state.num*100
    }
  },
  mutations: { // 注意：固话插件监听的是 mutations 里面的方法
    storeAdd(state){
      state.num++;
    },
    saveList(state,arr){  // 存储list方法
      state.list = arr
    }
  },
  actions: {
    getList({commit}){
      // console.log(state);
      axios.get('data.json').then(res => {
        // this.state.list = res.data;
        // console.log(res);
        commit('saveList',res.data);
      })
    }
  },
  modules: {
  },
  plugins: [
    new persist({
      storage: window.localStorage,
    }),
  ],
})
